

console.log(result.code);

var ajax_Url = 'http://www.fraplus.net' + '/survey/' + seller + '/' + wxid + '?survey=' + result.code;
var pages;
var swiper;




$.ajax({
    url:ajax_Url,
    type:'GET',
    async:true,
    timeout:5000,
    dataType:'json',
    success:function(data,textStatus,jqXHR){
        console.log(data);
        console.log(textStatus);
        console.log(jqXHR);
        var test = data;
        console.log(test);
        var questions = test.questions;
        pages = questions.length;
        for(j = 0; j < questions.length; j++) {

            var testhtml = '<div class="page';

            if(j == 0){
                testhtml += ' page-current"' + ' id="page-test-' + questions[j].order_id +'">'
            }else {
                testhtml += '" id="page-test-' + questions[j].order_id +'">'
            };


            testhtml +='<div class="question-box"><div class="question-title"><div class="question-title-img"><img src="img/question-title.svg" ></div>';

            testhtml += '<div class="question-title-text">' + questions[j].title + '</div></div>';

            testhtml += '<ul class="question-option" id="' + questions[j].question_id + ' ">';

            for(k = 0; k < questions[j].options.length; k++) {

                testhtml +=' <li class="option"><i class="option' + k + '"></i>';

                testhtml += questions[j].options[k] +'</li>';

            };
            testhtml +='</ul></div>';

            testhtml += '</div>';//末尾

            // console.log(testhtml);

            $(testhtml).appendTo('#rf');


            // var testhtml = '<div class="swiper-slide" id="page-test-' + questions[j].order_id +'">';
            //
            //
            //
            // testhtml +='<div class="question-box"><div class="question-title"><div class="question-title-img"><img src="img/question-title.svg" ></div>';
            //
            // testhtml += '<div class="question-title-text">' + questions[j].title + '</div></div>';
            //
            // testhtml += '<ul class="question-option" id="' + questions[j].question_id + ' ">';
            //
            // for(k = 0; k < questions[j].options.length; k++) {
            //
            //     testhtml +=' <li class="option"><i class="option' + k + '"></i>';
            //
            //     testhtml += questions[j].options[k] +'</li>';
            //
            // };
            // testhtml +='</ul></div>';
            //
            // testhtml += '</div>';//末尾
            //
            // // console.log(testhtml);
            //
            // $(testhtml).appendTo('.swiper-wrapper');
            // swiper = new Swiper('.swiper-container', {
            //     onInit: function(swiper){
            //         swiper.lockSwipeToNext();
            //         swiper.lockSwipeToPrev();
            //     },
            //     pagination: '.swiper-pagination',
            //     nextButton: '.swiper-button-next',
            //     prevButton: '.swiper-button-prev',
            //     resistanceRatio: 0,
            //     slidesPerView: 1,
            //     paginationClickable: true,
            //
            //
            //     onSlideChangeStart: function(swiper){
            //         // alert(swiper.activeIndex);
            //     }
            // });



        };
        return pages;
    },
    error:function(xhr,textStatus){

        console.log(xhr);
        console.log(textStatus);
    },
    complete:function(){
        console.log('结束');

    }

});




$(function(){
    var canvas, stage, exportRoot;
    function init() {
        // --- write your JS code here ---

        canvas = document.getElementById("canvas");
        exportRoot = new lib.做题中();

        stage = new createjs.Stage(canvas);
        stage.addChild(exportRoot);
        stage.update();

        createjs.Ticker.setFPS(lib.properties.fps);
        createjs.Ticker.addEventListener("tick", stage);
    };
    init();

    //


    //
    var ct = 1;
    $('#rf').on('touchstart','.page-current .option',function () {
        $(this).addClass('active');
    });
    $('#rf').on('touchend','.page-current .option',function () {

        var question_id = parseInt($(this).parent('ul').attr('id'));
        var singleValue = $(this).index();
        $(this).removeClass('active');
        switch(singleValue){
            case 0:
                result[question_id] = 'A';
                break;
            case 1:
                result[question_id] = 'B';
                break;
            case 2:
                result[question_id] = 'C';
                break;
            case 3:
                result[question_id] = 'D';
                break;
            case 4:
                result[question_id] = 'E';
                break;
            case 5:
                result[question_id] = 'F';
                break;
            default:
                break;
        }

        if(ct < pages-2){//去除最后三道题
            $(this).parents('.page').removeClass('page-current');
            $(this).parents('.page').next('.page').addClass('page-current');

            // swiper.unlockSwipeToNext();
            // swiper.slideNext();
            // swiper.unlockSwipeToNext();
        }else{


            location.hash = vipspa.stringify('submit');
        }

        ct++;

    });


    // $('#rf').on('touchstart', '.swiper-slide-active .option', function() {
    //     //判断手势
    //
    //     //返回角度
    //     function GetSlideAngle(dx, dy) {
    //         return Math.atan2(dy, dx) * 180 / Math.PI;
    //     }
    //
    //     //根据起点和终点返回方向 1：向上，2：向下，3：向左，4：向右,0：未滑动
    //     function GetSlideDirection(startX, startY, endX, endY) {
    //         var dy = startY - endY;
    //         var dx = endX - startX;
    //         var result = 0;
    //
    //         //如果滑动距离太短
    //         if(Math.abs(dx) < 2 && Math.abs(dy) < 2) {
    //             return result;
    //         }
    //
    //         var angle = GetSlideAngle(dx, dy);
    //         if(angle >= -45 && angle < 45) {
    //             result = 4;
    //         }else if (angle >= 45 && angle < 135) {
    //             result = 1;
    //         }else if (angle >= -135 && angle < -45) {
    //             result = 2;
    //         }
    //         else if ((angle >= 135 && angle <= 180) || (angle >= -180 && angle < -135)) {
    //             result = 3;
    //         }
    //
    //         return result;
    //     }
    //
    //     //滑动处理
    //     var startX, startY;
    //     document.addEventListener('touchstart',function (ev) {
    //         startX = ev.touches[0].pageX;
    //         startY = ev.touches[0].pageY;
    //     }, false);
    //     document.addEventListener('touchend',function (ev) {
    //         var endX, endY;
    //         endX = ev.changedTouches[0].pageX;
    //         endY = ev.changedTouches[0].pageY;
    //         var direction = GetSlideDirection(startX, startY, endX, endY);
    //         switch(direction) {
    //             case 0:
    //                 alert("没滑动");
    //                 break;
    //             case 1:
    //                 alert("向上");
    //                 break;
    //             case 2:
    //                 alert("向下");
    //                 break;
    //             case 3:
    //                 alert("向左");
    //                 alert("!");
    //                 break;
    //             case 4:
    //                 alert("向右");
    //                 break;
    //             default:
    //         }
    //     }, false);
    // });


});
